<!DOCTYPE html PUBLIC "-//W3C//DTD XHMTL 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhmtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset="uft-8"/>
<title>节目时钟</title>
</head>
<body>
<center> <canvas id="drawing" width="600" height="600" sytle="border:#000000 solid 1px">program clock</canvas></center>
<script>
     var image = new Image();  
    // 绑定 load 事件处理器，加载完成后执行  
    image.onload = function(){  
        // 获取 canvas DOM 对象  
        var canvas = document.getElementById("drawing");  
        
		image.width = 400;
        image.height = 400;  
         
        // 获取 canvas的 2d 环境对象,  
        // 可以理解Context是管理员，canvas是房子  
        var ctx = canvas.getContext("2d");  
        // canvas清屏  
        ctx.clearRect(0, 0, canvas.width, canvas.height);  
		
        // 将图像绘制到canvas上  
        ctx.drawImage(image, 0, 0, image.width, image.height);  
        // !!! 注意，image 没有加入到 dom之中  
    };  
    // 设置src属性，浏览器会自动加载。  
    // 记住必须先绑定事件，才能设置src属性，否则会出同步问题。  
   image.src = "img/oldStyle/oldStyleClock_t_v2.png";  
  //    image.src = "img/timg.jpg";     
</script>
</body>
</html>